<!doctype html>
<html lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
        <meta name="viewport" content="width=device-width, initial-scale=1"/>
        <link rel="shortcut icon" href="{{ URL::to('favicon.ico') }}">
        {{ HTML::style('css/bootstrap.min.css') }}
        {{ HTML::style('css/bootstrap-theme.min.css') }}
        {{ HTML::style('css/style.css') }}
        {{ HTML::style('css/toastr.css') }}
        {{ HTML::style('css/nprogress.css') }}
        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
          <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
        <![endif]-->

        {{ HTML::script('js/jquery-1.10.2.min.js') }}
        {{ HTML::script('js/bootstrap.min.js') }}
        {{ HTML::script('js/toastr.js') }}
        {{ HTML::script('js/bootstrap.notify.min.js') }}
        {{ HTML::script('js/nprogress.js') }}
        {{ HTML::script('js/functions.js') }}
        <style>
            body {
                margin-top: 50px;
                background-color: #606468;
            }
            
            .A4-paper {
                background-color: #fff;
                font-family: Times New Roman;
                padding: 1cm 1.1cm;
                font-size: 16px;
                line-height: 1.5em;
                margin: 30px auto;
                margin-top: -10px;
                width: 21cm;
                height: 29.7cm;
                display: block;
                -webkit-box-shadow: 0px 0px 30px rgba(50, 50, 50, 1);
                -moz-box-shadow:    0px 0px 30px rgba(50, 50, 50, 1);
                box-shadow:         0px 0px 30px rgba(50, 50, 50, 1);
            }

            .A4-paper > * {
                font-family: Times New Roman;
                line-height: 1.5em;
            }
            
            #toolbar {
                margin-top: 10px;
                margin-left: 15px;
            }
            
            #warnNoti {
                -webkit-box-shadow: 0 2px 9px rgba(0,0,0,0.5);
                -moz-box-shadow: 0 2px 9px rgba(0,0,0,0.5);
                box-shadow: 0 2px 9px rgba(0,0,0,0.5);
            }
            
            #warnNoti .media {
                margin-top: 0;
            }
            .navbar {
                -webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 1);
                -moz-box-shadow: 0px 0px 10px rgba(50, 50, 50, 1);
                box-shadow: 0px 0px 10px rgba(50, 50, 50, 1);
            }
            
            #toolbar {
                border-radius: 5px;
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                padding: 5px;
                background-color: #333;
                -webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 1);
                -moz-box-shadow: 0px 0px 10px rgba(50, 50, 50, 1);
                box-shadow: 0px 0px 10px rgba(50, 50, 50, 1);
                position: fixed;
                right: 15px;
                bottom: 50px;
            }
            
            #toolbar button{
                padding-top: 10px;
            }
            
            #helper {
                -webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 1);
                -moz-box-shadow: 0px 0px 10px rgba(50, 50, 50, 1);
                box-shadow: 0px 0px 10px rgba(50, 50, 50, 1);
            }
            
            .sttBar {
                position: fixed;
                bottom: 0;
                width: 100%;
                padding: 5px 10px;
                margin: 0;
                color: #fff;
                font-size: 12px;
                -webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 1);
                -moz-box-shadow: 0px 0px 10px rgba(50, 50, 50, 1);
                box-shadow: 0px 0px 10px rgba(50, 50, 50, 1);
            }
            .sttBar-info {
                background-color: #2b669a;
            }
            
            .sttBar-warn {
                background-color: #ff8200;
            }
            
            .editable {
                margin: 0 -8px;
                padding: 8px;
                padding-top: 25px;
                border: dashed #800000 1px;
            }

            @media print
            {
                .editable {
                    border-color: transparent;
                }
            }
        </style>
        <title>{{$title}}</title>
    </head>
    <body>
        <div class="container">
            @yield('main')
            <div id="toolbar" class="btn-group" style="">
                @yield('toolbar')
                @yield('modal')
            </div>
        </div>
    </body>
</html>